
<style>
.box{
	position: relative;
	width:500px;
	background-color: #eee;
	margin:0 auto;
	height: 500px;
}
.inner{
	background-color: #222;
	position: absolute;
	width: 100px;
	height: 100px;
}

.left-top{
	left: 0;
	top: 0;
}
.center-top{
	margin:0 auto;
	left: 0;
	right: 0;
	top:0;
}
.right-top{
	right: 0;
	top:0;
}
.left-center {
	left: 0;
    margin: auto 0;
    top: 0;
    bottom: 0;
}
.center-center{
	margin:auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.right-center{
	right: 0;
	margin: auto 0;
    top: 0;
    bottom: 0;
}
.left-bottom{
	left: 0;
	bottom: 0;
}
.center-bottom{
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
}
.right-bottom{
	right: 0;
	bottom:0;
}
</style>

<div class="box">
	<div class="inner left-top"></div>
	<div class="inner center-top"></div>
	<div class="inner right-top"></div>
	<div class="inner left-center"></div>
	<div class="inner center-center"></div>
	<div class="inner right-center"></div>
	<div class="inner left-bottom"></div>
	<div class="inner center-bottom"></div>
	<div class="inner right-bottom"></div>
</div>